﻿@brand-danger: #d9534f;

menu {
    padding: 0;
    margin: 0;
}

.auto-width {
    width: auto;
}

.dropdown-submenu {
    position: relative;

    > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }

    > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    &:hover {
        > a:after {
            border-left-color: #ffffff;
        }

        > .dropdown-menu {
            display: block;
        }
    }

    &.pull-left {
        float: none;

        > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            border-radius: 6px 0 6px 6px;
        }
    }
}

.form-button-inside {
    position: relative;

    > button {
        position: absolute;
        top: 0;
        right: 0;
        color: #ddd !important;
        background-color: #fff;
        padding: 3px 6px;
        margin: 3px;

        &:hover {
            color: #777 !important;
        }
    }
}

.form-loading {
    text-align: center;

    img {
        height: 50px;
        width: 50px;
        margin: 15px 0;
    }
}

.inline {
    display: inline;
}

.no-border {
    border: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
}

.no-href {
    cursor: pointer;
}

.mega-menu {

    .nav, .collapse, .dropup, .dropdown {
        position: static;
    }

    .container {
        position: relative;
    }

    .dropdown-menu {
        left: auto;
    }

    .mega-content {
        padding: 20px 30px;
    }

    .dropdown {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .dropdown.mega-fw .dropdown-menu {
        left: 0;
        right: 0;
        border-radius: 0;
        padding: 15px;
    }
}

.pagination {
    margin: 0 !important;
}

.row {
    &.min-padding {
        padding: 0 10px;

        > div {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
        }
    }
}

.vid-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;

    iframe, object, embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.table {
    td, th {
        vertical-align: middle !important;
    }

    td {
        &.control {
            text-align: center;

            a {
                margin: 5px;
                font-size: 20px;
            }
        }
    }

     &.no-thead {
        tr:first-child td {
            border-top: none;
        }
    }

    &.table-details {
        th {
            text-align: right;
        }
    }
}

// Validation Message
#delete-warning,
.field-validation-error,
.validation-summary-errors {
    color: @brand-danger;
}

.field-validation-valid,
.validation-summary-valid {
    display: none;
}

input.input-validation-error, 
select.input-validation-error {
    border: 1px solid @brand-danger;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}
